<template>
  <div>
    <h2>Home: {{ $store.state.counter }}</h2>
    <h2>Home: {{ sCounter }}</h2>
    <h2>Home: {{ sName }}</h2>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  computed: {
    fullName(){
      return "Kobe Bryant"
    },

    // ...mapState(['counter','name','age','height'])
    ...mapState({
      sCounter: state => state.counter,
      sName: state => state.name
    })
  }
};
</script>

<style scoped>
</style>